body,html{height: 100%;}
.mui-content{min-height: 100%;position: relative;}
body,.mui-content{background-color: #f5f5f5;max-width: 750px;margin: 0 auto;}
li{list-style: none;}
/*公共头部-底部*/
.mui-bar-nav{max-width: 750px;margin-left: auto;margin-right: auto;background-color: #16202a;box-shadow: none;}
.logo{height: 20px;margin: 12px auto;display: block;}
.mui-title{font-size: 0.36rem;color: #fff;}
.mui-bar .mui-title{left: 1rem;right: 1rem;line-height: 0.88rem;}
.mui-bar.mui-bar-tab{box-shadow: 0px 5px 30px 3px rgba(22, 42, 61, 0.08);max-width: 750px;margin: 0 auto;}
.mui-bar-tab .mui-tab-item{height: 0.98rem;}
.mui-bar-tab .mui-tab-item .icon~.mui-tab-label{font-size: 11px;color: #16202a;display: block;overflow: hidden;text-overflow: ellipsis;}
.mui-bar-tab .mui-tab-item.mui-active .icon~.mui-tab-label{color: #19aeed;}
.mui-bar-tab .mui-tab-item .icon {margin-top: 5px;margin-bottom: 3px;background-size: 100% auto;}
/*公共样式*/
.full-width{width: 100%;display: block;}
.full-height{height: 100%;display: block;}
.full-width-height{width: 100%;height: 100%;display: block;}

.full-parent{position: fixed;left: 0;right: 0;top: 0;bottom: 0;max-width: 750px;margin: 0 auto;}
.full-parent{position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 750px;margin: 0 auto;}
/*颜色样式*/
.c-5ab7fe{color: #5ab7fe;}
/*字体样式*/
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
/*边距样式*/
.mb0{margin-bottom: 0;}
/*icon*/
.icon{width: 20px;height: 20px;vertical-align: middle;background-size: 100% 100%;background-repeat: no-repeat;display: inline-block;background-position: center;}
.icon-home{background-image: url(../images/icon/home.png);}
.icon-zx{background-image: url(../images/icon/zx.png);}
.icon-rjjs{background-image: url(../images/icon/rjjs.png);}
.icon-gydd{background-image: url(../images/icon/gydd.png);}
.icon-ggly{background-image: url(../images/icon/ggly.png);}
.mui-active .icon-home{background-image: url(../images/icon/home-active.png);}
.mui-active .icon-zx{background-image: url(../images/icon/zx-active.png);}
.mui-active .icon-rjjs{background-image: url(../images/icon/rjjs-active.png);}
.mui-active .icon-gydd{background-image: url(../images/icon/gydd-active.png);}
.mui-active .icon-ggly{background-image: url(../images/icon/ggly-active.png);}

.icon-zxzx{background-image: url(../images/icon/zxzx.png);background-size: auto 100%;}
.icon-15{height: 15px;width: 15px;}
/*流式布局*/
.flex-box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-box-item{-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	  -moz-box-flex: 1;         /* OLD - Firefox 19- */
	  -webkit-flex: 1;          /* Chrome */
	  -ms-flex: 1;              /* IE 10 */
	  width: 50%;               /* For old syntax, otherwise collapses. */
	  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	 position: relative;
}
.flex-column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-start{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start}
.self-start{-ms-flex-item-align: start;align-self: flex-start;}

